<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!-- AUI Documentation -->
<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Fides Admin</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Favicons -->

		<link rel="stylesheet" href="css/bootstrap.min.css">

		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/icons/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/icons/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/icons/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="assets/images/icons/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href="assets/images/icons/favicon.png">

		<!--[if lt IE 9]>
          <script src="assets/js/minified/core/html5shiv.min.js"></script>
          <script src="assets/js/minified/core/respond.min.js"></script>
        <![endif]-->

		<!-- Fides Admin CSS Core -->

		<link rel="stylesheet" type="text/css" href="assets/css/minified/aui-production.min.css">

		<!-- Theme UI -->

		<link id="layout-theme" rel="stylesheet" type="text/css" href="assets/themes/minified/fides/color-schemes/dark-blue.min.css">

		<!-- Fides Admin Responsive -->

		<link rel="stylesheet" type="text/css" href="assets/themes/minified/fides/common.min.css">

		<link id="theme-animations" rel="stylesheet" type="text/css" href="assets/themes/minified/fides/animations.min.css">

		<link rel="stylesheet" type="text/css" href="assets/themes/minified/fides/responsive.min.css">

		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/DialogBySHF.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- Fides Admin JS -->

		<script type="text/javascript" src="assets/js/minified/aui-production.min.js"></script>

		<script type="text/javascript" src="assets/js/minified/core/raphael.min.js"></script>
		<script type="text/javascript" src="assets/js/minified/widgets/charts-justgage.min.js"></script>

		<script type="text/javascript" src="assets/js/DialogBySHF.js"></script>
		<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
		<script src="js/bootstrap.min.js"></script>
		<!-- <script src="js/jquery.min.js"></script>-->
		<!-- 自定义的js函数 -->
		<script>
			function addUser(){
			$.DialogBySHF.Dialog({ Width: 650, Height: 500, Title: "添加", URL: 'addUser.jsp' });
			}
			function deleteUser(){
			 /*$.DialogBySHF.Confirm({ Width: 350, Height: 200, Title: "提示信息", });*/
			$.DialogBySHF.Dialog({ Width: 350, Height: 200, Title: "删除用户", URL: 'confirm.jsp' });
		        
			}
			function updateUser(){
			 /*$.DialogBySHF.Confirm({ Width: 350, Height: 200, Title: "提示信息", });*/
			$.DialogBySHF.Dialog({ Width: 650, Height: 500, Title: "更新用户", URL: 'updateUser.jsp' });
		        
			}
		</script>

	</head>

	<body>

		<div id="page-title">
				<h3>
					Welcome to 用户管理 <small></small>
				</h3>

			</div>
			<!-- #page-title -->
			<div id="page-content">

				<!-- 主要表格 -->
				<!-- 表格 -->
				<div class="example-box">
					<div class="example-code">
						<form action="" method="">
							<div class="form-row">
								<div class="form-label col-md-2 labelstyle"
									style="margin-right:5px;">
									<label for=""> 用户姓名: </label>
								</div>
								<div class="form-input col-md-3 textstyle">
									<input style="width:200px;height:28px;" type="text" name=""
										id="">
								</div>
								<div class="form-label col-md-2 labelstyle"
									style="margin-right:5px;width:120px;">
									<label for=""> 用户登录号: </label>
								</div>
								<div style="width:200px;height:28px;"
									class="form-input col-md-3 textstyle">
									<input type="text" name="" id="">
								</div>
								
								<button type="submit"class="btn medium primary-bg" style="margin-left:10px;" title="">
								<span class="button-content">查询 </span></button>
								
							</div>
							<div class="form-row"></div>
							<div>

								
							</div>
						</form>
					</div>
					<div class="example-code">

						<table class="table table-condensed">
							<thead>
								<tr>
									<th>序号</th>
									<th>用户登录号</th>
									<th>用户姓名</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1</td>
									<td class="font-bold text-left">John Clark</td>
									<td><a href="javascript:;">Sales</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>2</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
								
									</td>
								</tr>
								<tr>
									<td>3</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>4</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除">
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>5</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
  									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
  									</td>
								</tr>
								<tr>
									<td>6</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除">
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>7</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>8</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除">
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>9</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
								<tr>
									<td>10</td>
									<td class="font-bold text-left">Kenny Davis</td>
									<td><a href="javascript:;">Development</a>
									</td>
									<td>
									<a data-toggle="modal"  data-target="#addModal" title=".icon-plus-square-o" class="tooltip-button btn small bg-yellow" title="添加" href="#">
									<i class="glyph-icon icon-plus-square-o"></i></a>
									<a data-toggle="modal"  data-target="#updateModal" href="#" class="btn small bg-blue-alt tooltip-button" data-placement="top" title="更新">  
									<i class="glyph-icon icon-edit"></i> </a>
									<a data-toggle="modal"  data-target="#deleteModal" href="#" class="btn small bg-red tooltip-button" data-placement="top" title="删除" >
									<i class="glyph-icon icon-remove"></i> </a>
									</td>
								</tr>
							</tbody>
						</table>
						
						<div class="col-md-3" style="float:right; margin-bottom:20px; width:500px;">
							<div class="button-group center-div">
								<a href="javascript:;" class="btn large ui-state-default">
								<i class="glyph-icon icon-chevron-left"></i> </a>
								<a href="javascript:;" class="btn large ui-state-default"> 1 </a>
								<a href="javascript:;" class="btn large disabled ui-state-default"> 2 </a> 
								<a href="javascript:;" class="btn large ui-state-default"> 3 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 4 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 5 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 6 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 7</a>
								<a href="javascript:;" class="btn large ui-state-default"> 8 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 9 </a>
								<a href="javascript:;" class="btn large ui-state-default"> 10 </a>
								<a href="javascript:;" class="btn large ui-state-default">
								<i class="glyph-icon icon-chevron-right"></i> </a>
							</div>
						</div>
					</div>

				</div>


			</div>
			<!-- #page-content -->
		</div>
		<!-- #page-main -->
		
		<!-- #page-content -->
		
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form class="form-horizontal">
      <div class="modal-header" >
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加用户</h4>
      </div>
      <div class="modal-body" style="margin:20px;">
		  <div class="form-group">
		    <label for="exampleInputEmail1">用户登录号</label>
		    <input type="text" class="form-control" >
		  </div>
		  </br>
		  <div class="form-group">
		    <label for="exampleInputEmail1">用户姓名</label>
		    <input type="text" class="form-control" placeholder="Text input">
		  </div>
		   </br>
		  <div class="form-group">
		    <label for="exampleInputPassword1">用户密码</label>
		    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
		  </div>
		   </br>
		  <div class="form-group">
		    <label for="exampleInputPassword1">用户简介</label>
		   <textarea class="form-control" rows="3"></textarea>
		  </div>
		   </br>
      </div>
      <div class="modal-footer">
       	<button type="submit"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">查询 </span></button>
		<button type="reset"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">取消</span></button>
      </div>
      </form>
    </div>
  </div>
</div>






<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form class="form-horizontal">
      <div class="modal-header" >
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">更新用户</h4>
      </div>
      <div class="modal-body" style="margin:20px;">
		  <div class="form-group">
		    <label for="exampleInputEmail1">用户登录号</label>
		    <input type="text" class="form-control" value="登录号">
		  </div>
		  </br>
		  <div class="form-group">
		    <label for="exampleInputEmail1">用户姓名</label>
		    <input type="text" class="form-control" placeholder="Text input" value="姓名">
		  </div>
		   </br>
		  <div class="form-group">
		    <label for="exampleInputPassword1">用户密码</label>
		    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" value="密码">
		  </div>
		   </br>
		  <div class="form-group">
		    <label for="exampleInputPassword1">用户简介</label>
		   <textarea class="form-control" rows="3"></textarea>
		  </div>
		   </br>
      </div>
      <div class="modal-footer">
       	<button type="submit"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">查询 </span></button>
		<button type="reset"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">取消</span></button>
      </div>
      </form>
    </div>
  </div>
</div>




<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form class="form-horizontal">
      <div class="modal-header" >
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">删除用户</h4>
      </div>
      <div class="modal-body" style="margin:20px;">
		  <p>确认删除吗？</p>
      </div>
      <div class="modal-footer">
       	<button type="submit"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">确定</span></button>
		<button type="reset"class="btn medium primary-bg" style="margin-left:10px;" title="">
		<span class="button-content">取消</span></button>
      </div>
      </form>
    </div>
  </div>
</div>
	</body>

</html>




